<template>
  <el-row class="storeSelector" :style="{
        height: `${property.height}px`,
        background: property.backgroundColor,
        borderRadius: property.color
      }">
    <el-col :span="6" class="address-pom">
      <span>最近的店铺</span>
    </el-col>
    <el-col :span="17" class="address">
      <el-link>蒙山北路351号<Icon icon="ep:location" class="el-icon--right"/></el-link>
    </el-col>
  </el-row>
</template>
<script setup lang="ts">
import { StoreSelectorProperty } from './config'
defineOptions({ name: 'SearchBar' })
defineProps<{ property: StoreSelectorProperty }>()
</script>
<style scoped lang="scss">
.storeSelector{
  display: flex;
  align-items: center;
}
</style>